const api = require("../../api/api")
Page({
  /**
   * 页面的初始数据
   */
  data: {
    offset: 0,
    limit: 10,
    searchContainer: '',
    searchRes: []
  },

  // 输入搜索关键词时存储
  searchContainer(e) {
    this.setData({
      searchContainer: e.detail.value,
      // 搜索时清空数据
      offset: 0,
      searchRes: [],
      noMore: false
    })
  },
  // 搜索电影
  search() {
    // 禁止空内容回车
    if (this.data.searchContainer === '') {
      return wx.showToast({
        title: '搜索内容不能为空',
        icon: 'none'
      })
    }
    // 立马开启正在搜索
    wx.showLoading({
      title: '正在加载',
      mask: true
    })
    api.hotSearch({
      keyword: this.data.searchContainer,
      offset: this.data.offset,
      limit: this.data.limit
    }).then(searchRes => { // 数据加载成功的回调
      this.setData({
        searchRes: this.data.searchRes.concat(searchRes.data), // 搜索数据累加
        offset: this.data.offset + this.data.limit, // 起始索引增加
        limit: this.data.limit, // 每次加载总条数
      })
      wx.hideLoading() // 数据加载成功后关闭正在搜索
      // 如果没有更多数据就直接显示
      if (this.data.offset > this.data.searchRes.length) {
        this.setData({
          noMore: true
        })
      }
    })
  },

  // 上拉加载更多
  onReachBottom() {
    // 如果没有更多数据就显示并停止加载
    if (this.data.offset > this.data.searchRes.length) {
      return this.setData({
        noMore: true
      })
    }
    this.search()
  }
})